<?
include_once '/var/www/html/new/com.inc.php';
$sel_lid = "select id,title from uu_land where apply_did={$_SESSION['sid']} limit 10";
$le->query($sel_lid);
$le->fetch_assoc();
while($row=$GLOBALS['le']->fetch_assoc()){
    $r[] = $row;
}

?>

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>ECharts</title>
	<!--<link href="//www.12301.cc/module/zax/baiduline/asset/css/echartsHome.css" rel="stylesheet">-->
	<!--<link href="//www.12301.cc/module/zax/baiduline/asset/css/codemirror.css" rel="stylesheet">-->
    <!--<link href="//www.12301.cc/module/zax/baiduline/asset/css/monokai.css" rel="stylesheet">-->
	<script type="text/javascript" src="http://www.12301.cc/js/jquery-1.8.0.min.js"></script>
</head>
<body>
    <link rel="stylesheet" type="text/css" href="http://www.12301.cc/css/select2.css">
	<style type="text/css">
		#saleReprotMod{ width:600px;}
		#ctrlContainer{ margin-bottom:5px;}
		#ctrlContainer label{ font-size:12px; margin-right:5px; cursor:pointer}
		#ctrlContainer input.dateTrigger{ position:relative; top:3px; cursor:pointer}
		#echartContainer{ height:400px; border:1px solid #e1e1e1; border-radius:3px; padding:8px; background:rgb(247,247,247)}
		#echartContainerCon{ height:100%; width:100%;}
		#s2id_jqSelect{ width:359px;}
		/*.select2-container{ display:block; margin-bottom:10px;}*/
		.select2-container .select2-choice{ broder-radius:2px; border-color:#e1e1e1}
		#startTimeInp{ width:217px; height:32px; padding:0 5px; padding-left:8px; margin-bottom:5px; border:1px solid #e1e1e1; border-radius:2px; background:url(http://www.12301.cc/images/dateIcon.png) no-repeat 99%}
		.select2-container .select2-choice{ height:32px; line-height:32px;}
		.select2-container .select2-choice .select2-arrow{ width:30px;}
		#saleReprotMod .btnW{ margin-top:10px; text-align:right}
		#saleReprotMod .tp{ margin-top:10px; padding-bottom:8px; margin-bottom:6px; border-bottom:1px solid #E1E1E1}
		#saleReprotMod .tp .txt{ height:16px; line-height:16px; padding:0; margin:0; padding-left:3px; border-left:3px solid #3E3E3E; font-size:14px; color:#3E3E3E; font-weight:bold}
		#saleReprotMod .tp .icon{ display:inline-block; width:10px; height:10px; margin-right:3px; background:#008EC1;}


		/* 日历插件样式 */
		#calendarPanel{ width:231px; height:208px; padding:5px 0px; background:url(http://www.12301.cc/images/calendarPannelWrap.gif) no-repeat 0 0}
		#calendarPanel .calTopW{ width:100%; position:relative; height:28px;}
		#calendarPanel .selectW{ overflow:hidden; margin:0 30px; text-align:center;}
		#calendarPanel .calTopW input{ position:absolute; top:3px; display:block; width:22px; height:19px; cursor:pointer; font-size:0; border:0 none; background:none;}
		#calendarPanel #prevMonth{ left:10px;}
		#calendarPanel #nextMonth{ right:9px;}
		#calendarPanel .selectW select{ height:24px; line-height:24px; width:77px;}
		#calendarYear{ margin-right:5px;}
		#calendarTable thead{ height:28px;}
		#calendarTable thead th{ text-align:center; font-weight:bold;}
		#calendarTable tbody{ }
		#calendarTable tbody td{ height:23px; border-right:1px solid #ececec;border-bottom:1px solid #ececec}
		#saleReprotMod .endTimetip{ display:none; font-size:12px; color:#9c9c9c}
		#saleReprotMod .echartBtn{ display:inline-block; height:32px; line-height:32px; padding:0 30px; font-size:12px; color:#fff; border-radius:3px; cursor:pointer; broder:1px solid #fff; margin-right:10px;}
		#saleReprotMod .echartBtn.query{ margin-left:20px; background:#d87329; border-color:#a95416}
		#saleReprotMod .echartBtn.query:hover{ background:#eb7d2c;}
		#saleReprotMod .echartBtn.refresh{ background:#50b350; border-color:#2d852d}
		#saleReprotMod .echartBtn.refresh:hover{ background:#60c760; border-color:#4cae4c}
	</style>
    <div id="saleReprotMod" class="saleReprotMod">
	    <div class="tp"><p class="txt">销量统计报表</p></div>
	    <div id="ctrlContainer" class="ctrlContainer">
		    <!--<input type="text" name="btime3" id="startTimeInp" class="startTimeInp" onmouseup="SelectDate(this,'yyyy-MM-dd',0,0)" value="2015-03-03">-->
           <select name="lid" id="jqSelect" tabindex="-1" title="">
               <?
               if(is_array($r)){
                    foreach($r as $v){
                ?>
	           <option value="<?=$v['id']?>"><?=$v['title']?></option>
	           <?}}else{?>
	           <option value="">请选择景区</option>
	           <?}?>
            </select>
		    <input id="threeDayTrigger" class="dateTrigger threeDayTrigger" type="radio" name="dateTrigger" value="<?=date('Y-m-d',strtotime('-3days'))?>"/><label for="threeDayTrigger">3天内</label>
		    <input id="weekTrigger" class="dateTrigger weekTrigger" type="radio" name="dateTrigger" value="<?=date('Y-m-d',strtotime('-7days'))?>"/><label for="weekTrigger">1周内</label>
		    <input id="monthTrigger" class="dateTrigger monthTrigger" type="radio" name="dateTrigger" value="<?=date('Y-m-d',strtotime('-30days'))?>"/><label for="monthTrigger">1个月内</label>
			<!--<span class="endTimetip">结束时间默认至今天</span>-->
	    </div>
	    <div id="echartContainer" class="echartContainer"><div id="echartContainerCon" class="echartContainerCon"></div></div>
	    <div class="btnW">
		    <span id="queryChartBtn" class="echartBtn query">查询</span>
		    <span style="margin-right:0" id="refreshChartBtn" class="echartBtn refresh">刷新</span>
	    </div>
    </div>
	<script type="text/javascript" src="http://www.12301.cc/js/echarts-2.2.0/build/dist/echarts-all.js"></script>
	<script type="text/javascript" src="http://www.12301.cc/js/global/www.12301.cc.global.js"></script>
    <script type="text/javascript" src="http://www.12301.cc/js/zy_Calendar.js"></script>
    <script type="text/javascript" src="http://www.12301.cc/js/select2.js"></script>
	<script type="text/javascript" src="http://www.12301.cc/js/sale_reportz.js"></script>
</body>